<template>
  <div class="home">
    <HelloWorld msg="你好" />
    <HelloWorld msg="真好" />
    <Good />
    {{ msg }}
    <ul v-for="(item, index) in list" :key="index">
      <li>{{ item.name }}</li>
    </ul>
    <div v-if="type">有</div>
    <div v-else>没有</div>
    <input type="text" v-model="msg">
    <List :list="list">  </List>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import Good from "@/components/Good.vue";
import List from "@/components/List.vue"

export default {
  name: "Home",
  components: {
    HelloWorld,
    Good,
    List
  },
  data() {
    return {
      msg: "商品11",
      list: [{ name: "hikaru" }, { name: "shindou" }],
      type: false,
    };
  },
};
</script>
